

var timer,  // 时钟的id
    timerIndex = -1, // 时钟索引
    // 存放主时钟的回调函数。
    timerFnArray = [];


$(function () {
    // 初始化轮播图的代码
    swiper();

    // 注册时钟的回调函数。
    timerFnArray.push(updateMSTimer);

    // 初始化页面主时钟并启动
    timer = setInterval(function () {
        timerIndex += 1;
        timerIndex = timerIndex % 100;
        // 执行页面中所有需要注册时钟执行的函数。
        for (var i = 0; i < timerFnArray.length; i++) {
            timerFnArray[i](); // 调用数组中的每个回调函数执行。
        }
    }, 200);

});


// 页面卸载之前清除时钟。
window.onunload = function () {
    clearInterval(timer);
}

// 更新当前时间与秒杀结束事件差的span标签，数字。
function updateMSTimer() {
    // 每秒中去更新页面中的时间。
    if (timerIndex % 5 != 0) {
        return;
    }
    // 满一秒钟
    // 计算时间差，并更新到页面的span中去
    var endDate = new Date(loadData.ms.endTimer);
    // ['2', '2', '1','1', '0','9']
    var strArr = getHouersMinutesSecondsByMS(endDate - Date.now());
    // 把时钟变换字符串更新到span标签
    $('#reciprocal .value').each(function (index, item) {
        // $(item).text(strArr[index]);
        item.innerHTML = strArr ? strArr[index] : '-';
    });
}

// 初始化轮播图的代码
function swiper() {
    var mySwiper = new Swiper('.swiper-container', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, 
        // 循环模式选项
        // autoplay: {
        //     delay: 3000,//1秒切换一次
        // },
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            type: 'bullets',
            clickable: true,
        },
    });
}